import {createRouter, createWebHistory} from "vue-router";

const router = createRouter({
    history: createWebHistory(import.meta.env.BASE_URL),
    
    routes: [
        {
            path: '/',
            component: () => import('@/views/Layout/index.vue'),
            children: [
                {
                    path: '',
                    component: () => import('@/views/Home/index.vue')
                },
                {
                    path: 'category/:id',
                    component: () => import('@/views/Category/index.vue')
                },
                {
                    path: 'category/sub/:id',
                    component: () => import('@/views/SubCategory/index.vue')
                },
                {
                    path: 'detail/:id',
                    component: () => import('@/views/Detail/index.vue')
                },
                {
                    path: 'cartlist',
                    component: () => import('@/views/CartList/index.vue')
                }
            ]
        },
        {
            path: '/login',
            component: () => import('@/views/Login/index.vue')
        },
    ],
    // 路由滚动行为配置项   切换路由的时候回到顶部
    scrollBehavior(){
        return{
            top:0
        }
    }
})
export default router